﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="TinTuc.aspx.cs" Inherits="IMark.TinTuc" %>
<%@ Register src="UC/DanhMucBaiVietCtrl.ascx" tagname="DanhMucBaiVietCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamMoiNhatCtrl.ascx" tagname="SanPhamMoiNhatCtrl" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="js/kendo.all.min.js"></script>
    <link href="css/kendo.common.min.css" rel="stylesheet" />
    <link href="css/kendo.metro.min.css" rel="stylesheet" />
    <style type="text/css">
        .k-grid-header{
            display:none;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="row clearfix f-space10"></div>
    <div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="page-title">
        <h2>Tin Tức</h2>
      </div>
    </div>
  </div>
</div>
<!-- end: Page title -->
<div class="row clearfix f-space10"></div>
<div class="container"> 
  <!-- row -->
  <div class="row">
    <div class="col-md-9 col-sm-12 col-xs-12 main-column box-block">
        <asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                    <div class='blogpost row'>
        <div class='blogcontent col-md-12'>
          <div class='blogimage'> <a href='DocTin.aspx?ID=<%#Eval("ID")%>'> <img src='images/blog/<%#Eval("Hinh") %>' class='ani-image' alt='blog title' style="width:870px;height:320px;"> </a> </div>
          <div class='blogdetails col-md-2 col-xs-12 date'> <span><%#DateTime.Parse(Eval("NgayTao").ToString()).Day%></span>
              <span><%#DateTime.Parse(Eval("NgayTao").ToString()).ToString("MM")%>/<%#DateTime.Parse(Eval("NgayTao").ToString()).Year%></span> <a href='DocTin.aspx?ID=<%#Eval("ID")%>' class='btn color2 medium'>Xem</a> </div>
          <div class='col-md-10 col-xs-12 blog-summery'> <a class='color1' href='DocTin.aspx?ID=<%#Eval("ID")%>'>
            <h1><%#Eval("TieuDe")%></h1>
            </a> <span class='bloginfo'> <a href='TinTuc.aspx?IDTacGia=<%#Eval("NguoiTao") %>'> <i class='fa fa-user fa-fw'></i><%#Eval("NGUOI_DUNG.HoTen")%></a> </span>
            <p><%#Eval("NoiDungTomTat")%>... <a href='DocTin.aspx?ID=<%#Eval("ID")%>'>Xem</a> </p>
          </div>
        </div>
      </div>
      <div class='clearfix f-space30'></div>
                </ItemTemplate>
                </asp:Repeater>
      <div class="clearfix f-space30"></div>
    </div>
    <!-- side bar -->
    <div class="col-md-3 col-sm-12 col-xs-12 box-block page-sidebar">
      
      <!-- Blog Categories -->
      <uc1:DanhMucBaiVietCtrl ID="DanhMucBaiVietCtrl1" runat="server" />
      <!-- end: Blog Categories -->

      <div class="clearfix f-space30"></div>
      <!-- Best Sellers Products -->
      <uc1:SanPhamMoiNhatCtrl ID="SanPhamMoiNhatCtrl1" runat="server" />
      <!-- end: Best Sellers Products -->
      <div class="clearfix f-space30"></div>
      <!-- Recent/Popular/Comments --> 
      <!-- Nav tabs -->
      <ul class="nav nav-tabs blog-tabs nav-justified">
        <li class="active"><a href="#recent" data-toggle="tab">Recent</a></li>
        <li><a href="#popular" data-toggle="tab">Popular</a></li>
        <li> <a href="#comments" data-toggle="tab"> <i class="fa fa-comments"></i> </a> </li>
      </ul>
      <!-- Tab panes -->
      <div class="tab-content">
        <div class="tab-pane active" id="recent">
          <ul class="recent-posts">
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post One"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post One"><span class="title">Blog Post
                One...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post Two"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post Two"><span class="title">Blog Post
                Two...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post Three"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post Three"><span class="title">Blog Post
                Three...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="tab-pane" id="popular">
          <ul class="popular-posts">
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post One"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post One"><span class="title">Blog Post
                One...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post Two"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post Two"><span class="title">Blog Post
                Two...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post Three"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post Three"><span class="title">Blog Post
                Three...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="tab-pane" id="comments">
          <ul class="recent-comments">
            <li class="post-comments-list">
              <div class="post-comments"> <a href="#a" title="Blog Post One">Next generation meth odologies before
                and progr essive materials.</a> <em>- Posted on April 22, 2013</em></div>
            </li>
            <li class="post-comments-list">
              <div class="post-comments"> <a href="#a" title="Blog Post One">Next generation meth odologies before
                and progr essive materials.</a> <em>- Posted on April 22, 2013</em></div>
            </li>
            <li class="post-comments-list">
              <div class="post-comments"> <a href="#a" title="Blog Post One">Next generation meth odologies before
                and progr essive materials.</a> <em>- Posted on April 22, 2013</em></div>
            </li>
            <li class="post-comments-list">
              <div class="post-comments"> <a href="#a" title="Blog Post One">Next generation meth odologies before
                and progr essive materials.</a> <em>- Posted on April 22, 2013</em></div>
            </li>
          </ul>
        </div>
      </div>
      <!-- end: Tab panes --> 
      <!-- end: Recent/Popular/Comments -->
      <div class="clearfix f-space30"></div>
      <!-- tags -->
      <div class="box-heading"><span>Tags</span></div>
      <div class="box-content">
        <div class="tags"> <a href="#a">Free</a> <a href="#a">Minimal</a> <a href="#a">Clean</a> <a href="#a">Flatro</a> <a href="#a">Metro</a> <a href="#a">Flat</a> <a href="#a">Blue</a> <a href="#a">Fashion</a> <a href="#a">Best sale</a> <a href="#a">Popular</a> <a href="#a">Object</a> <a href="#a">UI/UX</a> <a href="#a">Design</a> <a href="#a">Layout</a> </div>
      </div>
      <!-- end: tags --> 
    </div>
    <!-- end:sidebar --> 
  </div>
  <!-- end:row --> 
</div>
<!-- end: container-->
<script id="rowTemplate" type="text/x-kendo-tmpl">
    <div class="blogpost row">
        <div class="blogcontent col-md-12">
          <div class="blogimage"> <a href="blog-single.html"> <img src="images/blog/image1-lg.jpg" class="ani-image" alt="blog title"> </a> </div>
          <div class="blogdetails col-md-2 col-xs-12 date"> <span>05</span><span>Feb 2013</span> <a href="blog-single.html" class="btn color2 medium">More</a> </div>
          <div class="col-md-10 col-xs-12 blog-summery"> <a class="color1" href="blog-single.html">
            <h1>Distinctively conceptualize exceptional platforms before one-to-one bandwidth. Continually enable robust leadership skills.</h1>
            </a> <span class="bloginfo">  </span>
            <p> Dynamically supply customer directed metrics without enabled technologies. Competently transition sticky results with process-centric processes. Dynamically facilitate compelling potentialities with B2B information. Distinctively seize parallel communities rather than e-business e-tailers... <a href="blog-single.html">read more</a> </p>
          </div>
        </div>
      </div>
      <div class="clearfix f-space30"></div>
</script>
    <script type="text/javascript">
        //$(document).ready(function () {
        //    $.ajax({
        //        url: "/eMartSer/eMartServices.svc/LayDanhSachBaiViet",
        //        success: function (data) {
        //            $("#Grid").kendoGrid({
        //                dataSource: data,
        //                sortable: true,
        //                pageable: true,
        //                scrollable: false,
        //                rowTemplate: kendo.template($("#rowTemplate").html())
        //            });
        //        }
        //    })
            
        //});
    </script>
</asp:Content>
